<template>
  <div class="tp-body">
      <!-- game -->
    <!-- project backgroud -->
    <CRow class="project-backgroud">
        <!-- 1 -->
        <CCol class="img-body" :sm="12" :lg="12" style="margin-bottom: .5rem;">
          <img class="img" src="../../assets/images/game/list.png" alt="">
        </CCol>
        <!-- 2 -->
        <CCol class="img-body" :sm="12" :lg="12" style="margin-bottom: .5rem;">
          <img class="img" src="../../assets/images/game/list.png" alt="">
        </CCol>
        <!-- 3 -->
        <CCol class="img-body" :sm="12" :lg="12" style="margin-bottom: 2rem;">
           <img class="img" src="../../assets/images/game/list1.png" alt="">
        </CCol>
    </CRow>
  </div>
</template>

<script>
import WidgetsStatsA from '../widgets/WidgetsStatsTypeA.vue'
import { useI18n } from 'vue-i18n'

export default {
  name: 'Dashboard',
  components: {
    WidgetsStatsA,
  },
  setup() {
    const i18n = useI18n()
    return {
        i18n
    }
  },
}
</script>

<style scoped lang="scss">
@import "~@/styles/custom";

.project-backgroud {
  text-align: center;
  padding: 5%;
  .img-body{
    img{
      width: 100%;
    }
  }
}

</style>
